<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/classify.min.css">
    <title>分类</title>
</head>

<body>
    <header>
        <div class="top">
            <div class="top1">
                <bottom>Back</bottom>
            </div>
            <div class="top2">
                <span>分类</span>
            </div>
            <div class="city">
                <select>
                    <option value="gz">广州市</option>
                    <option value="sz">深圳市</option>
                </select>
            </div>
        </div>
    </header>
    <section>
        <div class="banner">
            <img src="./img/分类图/图层 1.jpg" alt="">
            <img src="./img/分类图/图层 3.jpg" alt="">
            <img src="./img/分类图/图层 4.jpg" alt="">
            <img src="./img/分类图/图层 5.jpg" alt="">
            <ul class="pages">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="banner-bot">
            <a href="">美食</a>
            <a href="">电影</a>
            <a href="">运动</a>
            <a href="">唱歌</a>
        </div>
        <div class="food">
            <div class="left">
                <img src="./img/分类图/图层 9.jpg" alt="">
                <span>美食类</span>
            </div>
            <div class="right">
                <a href="">更多</a>
                <img src="./img/首页图/更多.jpg" alt="">
            </div>
        </div>
        <div class="food-img">
            <img src="./img/分类图/图层 10.jpg" alt="">
            <img src="./img/分类图/图层 11.jpg" alt="">
            <img src="./img/分类图/图层 12.jpg" alt="">
            <img src="./img/分类图/图层 13.jpg" alt="">
        </div>
        <div class="food">
            <div class="left">
                <img src="./img/分类图/图层 7.jpg" alt="">
                <span>运动类</span>
            </div>
            <div class="right">
                <a href="">更多</a>
                <img src="./img/首页图/更多.jpg" alt="">
            </div>
        </div>
        <div class="food-img">
            <img src="./img/分类图/图层 14.jpg" alt="">
            <img src="./img/分类图/图层 15.jpg" alt="">
            <img src="./img/分类图/图层 16.jpg" alt="">
            <img src="./img/分类图/图层 17.jpg" alt="">
        </div>
        <div class="food">
            <div class="left">
                <img src="./img/分类图/图层 8.jpg" alt="">
                <span>电影类</span>
            </div>
            <div class="right">
                <a href="">更多</a>
                <img src="./img/首页图/更多.jpg" alt="">
            </div>
        </div>
        <div class="food-img">
            <img src="./img/分类图/图层 18.jpg" alt="">
            <img src="./img/分类图/图层 19.jpg" alt="">
            <img src="./img/分类图/形状 11 副本 5.jpg" alt="">
            <img src="./img/分类图/形状 11 副本 5.jpg" alt="">
        </div>
    </section>
    <footer>
        <ul class="foot-bot">
            <li><a href="./hone.html">
                    <img src="./img/产品详情页/首页1.jpg" alt="">
                    <span>首页</span>
                </a>
            </li>
            <li><a href="">
                    <img src="./img/产品详情页/分类4.jpg" alt="">
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="./discover.html">
                    <img src="./img/首页图/形状 7 发现.jpg" alt="">
                    <span>发现</span>
                </a>
            </li>
            <li><a href="./my.html">
                    <img src="./img/首页图/我的.jpg" alt="">
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>